<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>党的百年成就之科技</title>
		<link rel="stylesheet" href="swiper/swiper/swiper-bundle.css" />
		<script src="swiper/swiper/swiper-bundle.min.js"></script>
		<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.0.0-beta3/css/all.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/kuangjia.css" />
		<link rel="stylesheet" type="text/css" href="css/three.css"/>
	</head>
	<body>
		<div class="dingbuw">
			<div class="hf">
				<img src="img/hf5.png" alt="横幅">
			</div>
			<!-- 头部 -->
			<div class="dws">
				<div class="toubu">
					<img src="img/logo.png" alt="logo">
					<div class="sskhz">
						<div class="ssk">
							<form>
								<input type="search" class="wbk" placeholder="了解中国百年奋斗征程" />
								<a class="tj">
									<i class="fas fa-search"></i>
								</a>
							</form>
						</div>
					</div>
					<ul>
						<li>消息</li>
						<div class="fg"></div>
						<li>收藏</li>
						<div class="fg"></div>
						<li>投稿</li>
						<div class="fg"></div>
						<li>动态</li>
					</ul>
					<div class="denglu">
						<a href="#"><i class="fas fa-user-circle"></i></a>
					</div>
				</div>
			</div>
			<!-- 导航栏 -->
			<div class="dwx">
				<div class="dhl">
					<ul>
						<li><a href="index.html">百年科创 世纪芳华</a></li>
						<li><a href="two.html">科技成果 彪炳史册</a></li>
						<li class="sy"><a href="three.html">科技人才 英雄辈出</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 中间内容1 -->
		<div class="zjnrw">
			<div class="zjnrn">
				
			</div>
		</div>
		<div class="wai">
			<div class="nei">
				
			</div>
		</div>
		<!-- 页脚 -->
		<div class="yejiaow">
			<div class="jbxx">
				<div class="name">
					<h5 style="line-height: 25px;">21软件2班 黄在桐<br>思想政治理论课实践教学作品</h5>
				</div>
				<h5 style="padding: 20px;"></h5>
				<p>不良信息举报邮箱：help@bilibili.com | 涉未成年举报邮箱：teenprotect@bilibili.com | 不良信息举报电话：4006262233转1</p>
				<a href="https://www.12377.cn/" target="_blank">中央网信办（国家互联网信息办公室）违法和不良信息举报中心</a>
			</div>
		</div>
	</body>
	<script>
		new Swiper('.swiper', {
			autoplay: {
				delay: 3000, //3秒切换一次
				disableOnInteraction: false, //用户操作swiper之后，是否禁止autoplay
			},
			loop: true,
			// 如果需要前进后退按钮
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			// 如果需要分页器
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
				bulletActiveClass: 'my-bullet-active',
			},
			// 鼠标变成小手
			grabCursor: true,
		})
	</script>
</html>
